<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="web">
			<div class="nav">
				<div class="game_time">
					<div class="hold">
						<div class="pie pie1"></div>
					</div>
					<div class="hold">
						<div class="pie pie2"></div>
					</div>
					<div class="bg"> </div>
					<div class="time"></div>
				</div>
				<div class="target">目标分数:1000</div>
				<div class="targets">我的分数:<i>0</i></div>
				<div class="out"><img src="img/cc.png"/></div>
			</div>
			<div class="bing">
				<div class="bing-top">
					<div class="fish1"></div>
					<span>大鱼吃小鱼</span>
					<div class="fish2"></div>
					<div class="str">
						<div class="str1"></div>
						<div class="str2"><a>玩法介绍</a></div>
						<div class="str3"><a>退出游戏</a></div>
					</div>
				</div>
			</div>
			<div class="bing-intr">
				<h1>玩法介绍</h1>
				<ul>
					<li>1.玩家可以通过移动鼠标进行控制小鱼</li>
					<li>2.玩家所控制的小鱼必须在规定时间内达到指定分数,若时间到，没有达到分数则为失败</li>
					<li>3.玩家所控制的小鱼初期只能吃掉同样大小的小鱼，当体积变大时才能吃不同的鱼，若体积不够大，碰到大型体积的鱼则为死亡</li>
					<li>4.不同关卡有不同种类的鱼</li>
				</ul>
				<div class="back"><a>返回</a></div>
			</div>
			<div class="checkpoint">
				<a>关卡<em>1</em></a>
				<div class="times">
					<span>3</span>
					<span>2</span>
					<span>1</span>
					<span>GO!</span>
				</div>
			</div>
			<div class="playerFish"></div>
			
			<!--游动的鱼-->
			<div class="swimfish">
				<div class="swimfish1" data-grad = "1"></div>
				<div class="swimfish2" data-grad = "10"></div>
				<div class="swimfish3" data-grad = "20"></div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/index.js"></script>
		<script src="js/time_js.js"></script>
	</body>
</html>
